<div style="" class="sign">

    <div class="header">
        <span>忘记密码</span>
    </div>
    <div  class="w5c-form" >
        <div class="mid-head">
            <img ng-if="step ==1"  src="image/one.png">
            <img ng-if="step ==2" src="image/two.png">
            <img ng-if="step ==3" src="image/three.png">
            <img ng-if="step ==4" src="image/four.png">
            <ul>
                <li ng-class="{'past':step == 2,'past':step == 3,'now':step==1}">邮箱账号</li>
                <li ng-class="{'past':step ==3,'now':step==2}">邮箱验证</li>
                <li ng-class="{'now':step==3}">设置密码</li>
                <li>设置成功</li>
            </ul>
        </div>
        <div class="mid-center">

                <form role="form"   class="w5c-form" novalidate w5c-form-validate name="validateForm_a" style="border: 0">
                    <div class="form-group register" ng-show="step==1">
                        <label class="e-accounts control-label">邮箱账号:</label>
                        <div class="agreement">
                            <input required="" name="email" type="email" ng-model="user.userName" class="e-input" placeholder="请输入邮箱">
                            <div class="emailError">{{emailError}}</div>
                            <span class="e-agreement">

                            </span>
                            <button type="button"  class="sure" w5c-form-submit="mailbox()" ng-disabled="disabled">确定</button>
                        </div>
                    </div>
                </form>


            <div class="form-group register"ng-show="step==2">
                <div class="verify-mailbox">验证邮件已发送，请前往邮箱 <span>{{user.userName}}</span>  进行查看</div>
            </div>
            <div class="form-group register"  ng-if="step==3">
                <form role="form"   class="w5c-form" novalidate w5c-form-validate name="validateForm_b"  style="border: 0">
                    <div class="form-group">
                        <label  class="e-accounts control-label">密码</label>
                        <div class="agreement">
                            <input required="" type="password" name="password"  ng-pattern="/^(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9]{6,16}$/" w5c-dynamic-element
                                   class="e-input" placeholder="请输入密码" ng-model="user.password" ng-focus="prompt=true" ng-blur="prompt=false">
                            <span class="prompt_span" ng-show="prompt==true">密码长度6-16位<br>数字与字母结合，区分大小写</span>
                        </div>
                    </div>

                    <div class="form-group mt-30">
                        <label  class="e-accounts control-label">确认密码</label>
                        <div class="agreement">
                            <input required="" type="password"  w5c-repeat="password" ng-model="user.newpwd"
                                   name="repeatPassword"  class="e-input"  placeholder="请再次输入新密码" w5c-dynamic-element>
                            <br>
                            <button type="button" class="sure" w5c-form-submit="sign()" ng-disabled="passwordDisabled">确定</button>
                        </div>
                    </div>
                </form>

            </div>
            <div class="form-group register"ng-show="step==4">
                <div class="verify-mailbox1">密码修改成功！<span> 请<a ui-sref="login" >登录</a></span>  </div>
            </div>
        </div>

    </div>

</div>
<div class="page_foot" style="position: absolute">
    <div class="foot_content">
        <div class="foot_content_top">
            <span>关于我们</span>
            <span>联系我们</span>
            <span>常见问题</span>
        </div>
        <div class="foot_content_bottom">
            <p>版权所有：北京妙音在线文化传媒股份有限公司</p>
            <p>京ICP证080047[京ICP备08010314号-6] 文网文[2009]024号 新出网证（京）字069号 工商营业执照</p>
            <p>京公网安备11000002000006号</p>
        </div>

    </div>
</div>
